<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
		<!-- 不加载缓存 -->
		<meta   http-equiv="Pragma" CONTENT="no-cache">
		<meta   http-equiv="Cache-Control" CONTENT="no-cache">
		<meta   http-equiv="Expires" CONTENT="0">
		<title>寄快件</title>
		<link rel="stylesheet" type="text/css" href="js/picker/css/picker.css" />
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/send.css?ver=1.1" />
	</head>
	<body>
		<div class="expressdelivery" >
			<span>寄快件</span>
		</div>
		<div class="f">
			<span class="bold">发件人信息</span>
			<img src="img/mailf.jpg"/>
		</div>
		<form id="orderForm" class="layui-form layui-form-pane">
		<div class="deliveryman">
			<input type="hidden" id="sendId" name="id" th:value="${order.id==null}?'':${order.id}"/>
			<input type="hidden" id="isRead" name="isRead" th:value="${order.isRead==null}?'0':${order.isRead}"/>
			<ul>
				<li>
					<span class="ishidden">系统单号</span>
					<input type="text" name="orderNo" placeholder="系统单号" th:value="${order.orderNo==null}?'':${order.orderNo}" check="isNotNull"
						   th:readonly="${order.orderNo==null}?'false':'true'"/></li>
				</li>
				<li>
					<span class="ishidden">姓名</span>
					<input type="text" name="sendName" placeholder="姓名" th:value="${order.sendName==null}?'':${order.sendName}" check="cn"/></li>
				</li>
				<li>
					<span class="ishidden">手机或固话</span>
					<input type="tel" name="sendPhone" placeholder="手机或固话" th:value="${order.sendPhone==null}?'':${order.sendPhone}" check="telornumber" maxlength="13"/> </li>
				</li>
				<li>
					<span class="bold ishidden">寄件地址</span>
					<input type="text" placeholder="寄件地址" name="sendCompany" th:value="${order.sendCompany==null}?'':${order.sendCompany}" style="width: 91%;" />
					<input class="jtright" style="width: 5%;" id="sendCompany" readonly />
				</li>
				<li style="text-align: center;">
					<input type="checkbox" style="position: absolute;margin-left: -2%;" name="sendIsUse" />
					<span id="used">&nbsp;&nbsp;&nbsp;保存为常用寄件地址</span>
					<span>&nbsp;&nbsp;&nbsp;删除所选地址<img id="dela" style="position:absolute;" src="img/ca1.png" /></span>
				</li>
				<li>
					<!--<span>&nbsp;&nbsp;&nbsp;删除所选地址 <img id="dela" src="img/ca1.png" /></span>-->
				</li>
			</ul>

		</div>
		<div class="s">
			<span class="bold">收件人信息</span><img src="img/mails.jpg"/>
		</div>
			<div class="deliveryman1">
				<ul>
					<li>
						<span class="bold ishidden">收件人姓名</span>
						<input type="hidden" id="receiveId" name="receiveId" th:value="${order.receiveId==null}?'':${order.receiveId}" >
						<input type="hidden" id="receiveAddress" name="receiveAddress" th:value="${order.receiveAddress==null}?'':${order.receiveAddress}">
						<input type="hidden" id="pathPics" name="backPicPath" th:value="${order.backPicPath==null}?'':${order.backPicPath}" >
						<input type="text" class="jtright recName"  placeholder="姓名" name="recName" readonly="true" />
					</li>
					<li>
						<span class="bold ishidden">收件人姓名</span>
						<input type="text"  class="jtright recPhone" placeholder="手机或是固话" name="recPhone" readonly="true"/>
					</li>
					<li>
						<span class="bold ishidden">收件地址</span>
						<input type="text"  class="jtright receiveAddress" placeholder="收件地址" name="recAddress" readonly="true"/>
					</li>
					<li>
						<span class="bold ishidden">取件时间</span>
						<input type="text" id="receiveDate" class="jtright" name="receiveDate" placeholder="取件时间" check="isNotNull" th:value="${order.receiveDate==null}?'':
						${#dates.format(order.receiveDate,'yyyy-MM-dd HH:mm:ss')}" readonly/>
					</li>
					<li>
						<!--<input type="checkbox" name="receiveIsUse" value="false" />
						<span>&nbsp;&nbsp;&nbsp;保存为常用收件地址</span>-->
					</li>
				</ul>
				</div>
				<div class="wplx">
					<ul>
						<li>
							<div>物品类型
								<input type="hidden" id="goodsType" name="goodsType" th:value="${order.goodsType==null}?'1':${order.goodsType}"/>
							</div>
							<div id="ryp" class="ryp jtright" style="padding-right: 0%;">
								<label style="margin-right: 12%;">日用品</label>
							</div>
						</li>
						<li>
							<div>
								<span>包裹件数</span>
								<input type="number" placeholder="必填" name="goodsNumber" check="isNotNull" th:value="${order.goodsNumber==null}?'1':${order.goodsNumber}"/>
								<label>件</label>
							</div>
							<div>
								<span>备品件数</span>
								<input type="number" placeholder="必填" name="backNumber" check="isNotNull" th:value="${order.backNumber==null}?'1':${order.backNumber}"/>
								<label>件</label>
							</div>
						</li>
						<li>
							<div>
								<span>重量</span>
								<input type="number" placeholder="必填" name="weight" check="isNotNull" th:value="${order.weight==null}?'1':${#numbers.formatInteger(order.weight,0)}"/>
								<label>kg</label>
							</div>
						</li>
						<li style="text-align: center;">
							<span>&nbsp;&nbsp;&nbsp;是否有台车</span>
							<input type="hidden" id="useCar" name="useCar" th:value="${order.useCar==null}?'1':${order.useCar}">
							<input type="checkbox" id="isUse" checked /><label>是</label>
							<input type="checkbox" id="unUse" /><label>否</label>
						</li>

						<li style="text-align: center;">
							<span>&nbsp;&nbsp;&nbsp;是否整单</span>
							<input type="hidden" id="wholeOrder" name="wholeOrder" th:value="${order.wholeOrder==null}?'1':${order.wholeOrder}">
							<input type="checkbox" id="isWholeOrder" checked /><label>是</label>
							<input type="checkbox" id="unWholeOrder" /><label>否</label>
						</li>
						<li>
							<span>&nbsp;&nbsp;&nbsp;借用人</span>
							<input type="text" placeholder="借用人必填" name="borrower" check="cn" th:value="${order.borrower==null}?'':${order.borrower}"/>
						</li>
						<li>
							<span>&nbsp;&nbsp;&nbsp;备注</span>&nbsp;&nbsp;&nbsp;<input type="text"  style="border:none;margin: 0px;width: 80%;" name="remark" th:value="${order.remark==null}?'':${order.remark}"/>
						</li>
					</ul>
				</div>
				<!--<p style="color: red;margin: 2% 0%;"> 注意上传打包照片最多为5张 照片最大为5M，删除时只能一张一张删除。</p>
				<div id="uploader">
				</div>-->

				<div class="submit">
					<button type=button id="subBtn">提交订单</button>
				</div>
		</form>
		<!--class="ishidden" -->

	</body>
	<script src="js/jquery-3.5.1.min.js"></script>
	<script src="js/common.js"></script>
	<script src="js/jquery.form.js"></script>
	<script src="js/layer/mobile/layer.js"></script>
	<script src="js/picker/picker.js?ver=1.32"></script>
	<script src="js/picker/datetimepicker.js"></script>
	<script src="js/send.js?ver=1.34"></script>
	<!--<script src="js/easyUploader.jq.js"></script>-->
</html>
